<div class="content" style="margin-top: 8%;margin-bottom: -12%;">
    <img src="${reroot}/static/assets/image/index-txt3.png" width="10%">
    <div class="index-midbox3">
        <div class="left-box" id="leftbtn2">
            <div class="left-box-btn" ></div>
        </div>
        <div class="midbox-content" id="midbox-content2">
            <@of.like site_id=site.site_id>
            <#list like as data >
            <a href="${data.link_url}" target="_blank" class="partner" style="background-image: url('${webroot}${data.link_image}'">
            </a>
            </#list>
            </@of.like>
        </div>
        <div class="right-box">
            <div class="right-box-btn" id="rightbtn2"></div>
        </div>
    </div>
</div>
<script>
    $('#midbox-content2').slick({
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 1,
        autoplay: true,
        autoplaySpeed: 2000,
        prevArrow:'#leftbtn2',
        nextArrow:'#rightbtn2',
    });
</script>
